<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title><?=$title?></title>
  <!--<link href="/favicon.ico" rel="shortcut icon">-->
  <link rel="icon" href="favicon.gif" type="image/gif" sizes="16x16"> 
	<link rel="stylesheet" type="text/css" href="<?= _BASE_URL?>assets/frontend/css/style.css" />
	<link rel="stylesheet" type="text/css" href="<?= _BASE_URL?>assets/frontend/css/skin.css" />
	<link href="<?= _BASE_URL?>assets/frontend/css/jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" />
	<link href="<?= _BASE_URL?>assets/frontend/css/form.css" rel="stylesheet" type="text/css" />
	<!--Lastest jQuery-->
	<script src="<?= _BASE_URL?>assets/frontend/js/jquery.js" type="text/javascript"></script>
	<!--<script type="text/javascript" src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js?ver=1.4.2'></script>-->
	<!--<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.js"></script>-->
	<script type="text/javascript" src="<?= _BASE_URL?>assets/frontend/js/jquery-ui-1.8.21.custom.min.js"></script>
	<script type="text/javascript" src="<?= _BASE_URL?>assets/frontend/js/jqFancyTransitions.1.8.js"></script>
	<script type="text/javascript" src="<?= _BASE_URL?>assets/frontend/js/jquery.jcarousel.min.js"></script>
	<script type="text/javascript" src="<?= _BASE_URL?>assets/frontend/js/jquery.paginate.js"></script>
	<script type="text/javascript" src="<?= _BASE_URL?>assets/frontend/js/jquery.mousewheel.min.js"></script>
	<script type="text/javascript" src="<?= _BASE_URL?>assets/frontend/js/jquery.ulslide.js"></script>
	<script src="<?= _BASE_URL?>assets/frontend/js/jquery.infieldlabel.min.js" type="text/javascript"></script>
	<script type="text/javascript" src="<?= _BASE_URL?>assets/frontend/js/jquery.validate.min.js"></script>
	<script type="text/javascript" src="<?= _BASE_URL?>assets/frontend/js/conner.js"></script>
	<script type="text/javascript" src="<?= _BASE_URL?>assets/frontend/js/messages_vi.js"></script>
	<script type="text/javascript" src="<?= _BASE_URL?>assets/frontend/js/myjquery.js"></script>
	<script type="text/javascript" src="<?= _BASE_URL?>assets/frontend/js/mycart.js"></script>
<!--    Chuỗi khai báo lấy tham số của google maps   -->
<!--<script type="text/javascript"
src="http://maps.googleapis.com/maps/api/js?sensor=false&language=vi"></script>
<script type="text/javascript">
var map;
function initialize() {
      var myLatlng = new google.maps.LatLng(41.95363,86.572266);
      var myOptions = {
    zoom: 16,
    center: myLatlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("div_id"), myOptions);
  // Biến text chứa nội dung sẽ được hiển thị
var text;
text= "<b style='color:#1A8912' " + "style='font-size:10px'" +
         "style='text-align:center'>Jewel Shop";
   var infowindow = new google.maps.InfoWindow(
    { content: text,
        size: new google.maps.Size(100,50),
        position: myLatlng
    });
       infowindow.open(map);
    var marker = new google.maps.Marker({
      position: myLatlng,
      map: map,
      title:"Jewel Shop"
  });
}
</script>-->
</head>

<body onLoad="initialize()">

  <div id="main_container">
  	<div id="header">
        <div id="top" style="display: none;">Lên trên</div>
  		<div id="top_header">

            <h1 id="logo_wine" style="float: left">
				    <img src="<?= _BASE_URL?>assets/frontend/css/img/logo.png"/>
			</h1>

  			<div style="padding-right: 10px; top 10px" id="img_baner">
            	<img src="<?= _BASE_URL?>assets/frontend/css/img/anhbaner.png" />
  			</div>

            <?= $navbar ?>

            <?= $intro ?>

            <div id="slideshow_bg">
            	<!--<div id="slideshow_bg_left"></div><!--End of #slideshow_bg_left -->

            	<div id="slideshow_bg_between">

                    <?= $slide ?>

                	<div id="bg_new">
                    	<div id="bg_new_top">
                        	TIN TỨC VÀ SỰ KIỆN
                        </div><!--End of #bg_new_top -->

                        <?= $news_hightlight ?>

                        <div id="bg_new_futter"></div>
                    </div><!--End of #bg_new -->

                    <?= $search_box ?>

                    <?= $support ?>

                    <?= $cart ?>

                </div><!--End of #slideshow_bg_between -->
                <!--<div id="slideshow_bg_right"></div>-->
            </div><!--End of #slideshow_bg -->
  		</div><!--End of #top_header -->
  	</div>
    <div id="main">

    	<div id="main_top"></div><!--End of #main_top -->

        <div id="main_between">
        	<div id="main_left">

                    <?= $main_left ?>


                    <div class="main_menu_futter"></div>
                </div>
            </div>

            <div id="main_right">
            	<div class="main_right_top">
                	<?=  mb_strtoupper($head_name, 'UTF-8') ?>
                </div><!-- End of .main_right_top -->

                <?= $content ?>

                <!--<div class="main_right_futter"></div>-->
            </div><!--End of #main_right -->

            <div id="th-slide">
                <?= $bottom_slide ?>

				<div class="cl-clear"></div>
			</div><!--End of #th-slide -->
    </div>

   	    <!--<div id="main_futter"></div>-->

    </div>

     <div style="clear:both"></div>

     <div id="futter">

        <?= $footer ?>

    </div><!--End of #footer -->

    <div id="lightbox"></div>

    <div id="content_lightbox"></div>

    <div id="loading" style="background-color: rgba(0,0,0,0.35)!important;"></div>
    <div style="display:none" id="infiLoading" style="-moz-transform: skew(-80deg, 0deg) translate(0px, 120px); opacity: 0;">
        <img src="<?= _BASE_URL?>assets/frontend/css/img/ajax-loader.gif" alt="Loading..."/>
        <div>Loading...</div>
    </div>

</body>
</html>
